/* City Government - City Regulatory HTML Template  */



* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
    line-height: inherit;
}

img{ display: block;}
/*** 

====================================================================
	Global Settings
====================================================================

 ***/

@font-face {
  font-family: 'didot';
 src: url('../fonts/Didot Italic.eot'); /* IE9 Compat Modes */
src: url('../fonts/Didot Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Didot Italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Didot Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Didot Italic.svg#YourWebFontName') format('svg'); /* Legacy iOS */
        font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'didot1';
 src: url('../fonts/Didot.eot'); /* IE9 Compat Modes */
src: url('../fonts/Didot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Didot.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Didot.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Didot.svg#YourWebFontName') format('svg'); /* Legacy iOS */
        font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSansCN-Medium';
 src: url('../fonts/SourceHanSansCN-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCN-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCN-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCN-Medium.svg#YourWebFontName') format('svg'); /* Legacy iOS */
        font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'sourceHanSansCN-Normal';
 src: url('../fonts/SourceHanSansCN-Normal.eot'); /* IE9 Compat Modes */
src: url('../fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCN-Normal.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCN-Normal.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCN-Normal.svg#YourWebFontName') format('svg'); /* Legacy iOS */
        font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSansCN-ExtraLight';
 src: url('../fonts/SourceHanSerifCN-ExtraLight.eot'); /* IE9 Compat Modes */
src: url('../fonts/SourceHanSerifCN-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSerifCN-ExtraLight.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSerifCN-ExtraLight.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSerifCN-ExtraLight.svg#YourWebFontName') format('svg'); /* Legacy iOS */
        font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSerifCN-Light';
 src: url('../fonts/SourceHanSansCN-Light.eot'); /* IE9 Compat Modes */
src: url('../fonts/SourceHanSansCN-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCN-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCN-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCN-Light.svg#YourWebFontName') format('svg'); /* Legacy iOS */
        font-weight: normal;
  font-style: normal;
}

body {
    font-size: 15px;
    color: #757575;
    line-height: 1.6em;
    font-weight: 500;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family:'sourceHanSansCN-Normal',"Source Han Sans CN",sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #333333;
}

.theme_color {
    color: #00aa55;
}

a:hover,
a:focus,
a:visited,
a:active,
button:active {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
  
    background: none;
    line-height: 1.3em;
  font-family:'sourceHanSansCN-Normal';
}

h1 {
    font-size: 72px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

input,
select,
button {
    font-family: 'SourceHanSansCN-ExtraLight', sans-serif;
}

textarea {
    overflow: hidden;
    resize: none;
}

button {
    outline: none !important;
    cursor: pointer;
}

p {
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 500;
    margin: 0 0 15px;
}

.text {
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 500;
    margin: 0 0;
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-ms-input-placeholder {
    color: inherit;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width:100%;
    min-width:1280px;
    z-index: 9;
    overflow: hidden;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
img{ }
ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

figure {
    margin-bottom: 0;
}

.theme-btn {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.theme-btn i {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin-left: 3px;
}

.centered {
    text-align: center !important;
}


/*Btn Style One*/

.btn-style-one {
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
    font-family: 'Manjari', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-style-one .btn-title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    padding: 18px 30px 12px;
    background: #00aa55;
    border-radius: 0px;
    z-index: 1;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-style-one:hover .btn-title {
    background: #222222;
    color: #ffffff;
}


/*Btn Style Two*/

.btn-style-two {
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
    font-family: 'Manjari', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-style-two .btn-title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #222222;
    font-weight: 700;
    padding: 18px 30px 12px;
    background: #ffffff;
    border-radius: 0px;
    z-index: 1;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-style-two .icon {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: top;
    line-height: 27px;
    padding-right: 5px;
    font-size: 12px;
}

.btn-style-two:hover .btn-title {
    background: #00aa55;
    color: #ffffff;
}


/*Btn Style Three*/

.btn-style-three {
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
    font-family: 'Manjari', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-style-three .btn-title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #222222;
    font-weight: 700;
    padding: 16px 35px 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 0px;
    z-index: 1;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-style-three .icon {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: top;
    line-height: 27px;
    padding-right: 5px;
    font-size: 12px;
}

.btn-style-three:hover .btn-title {
    background: #00aa55;
    color: #ffffff;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0);
}

.preloader .icon {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/preloader.svg);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.page-loaded .preloader .icon {
    opacity: 0;
}

.preloader:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 51%;
    height: 100%;
    background: #ffffff;
    z-index: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

.page-loaded .preloader:before {
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
}

.preloader:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 51%;
    height: 100%;
    background: #ffffff;
    z-index: 2;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

.page-loaded .preloader:after {
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

img {
    
    max-width: 100%;
    height: auto;
}

.dropdown-toggle::after {
    display: none;
}

.fa {
    line-height: inherit;
}




/*** 

====================================================================
	Main Header style / Header Style One
====================================================================

***/

.header-box{ border-bottom: #d1d1d1 1px solid;}
.header-box1{ border-bottom: #d1d1d1 1px solid;}
.header-top{width: 100%;height:150px;}
.ser-box{ width:300px; height:30px; border: #7d7d7d 1px solid;border-radius:30px; position: relative;top:60px; left:30px;}
.ser-box input{width:80%;border-radius:30px; margin-left:15px; line-height:28px ; font-size:14px; height: 28px;}
.ser-btn{ width:30px; height:30px;position: absolute;right:0; border: 0;background-color: transparent;outline: none; margin-right: 5px;}
.ser-ico{ width:22px; height:22px; background: url(../images/ser.jpg) no-repeat center; background-size:100%; display: block; }
.logo{width: 300px;
 position: absolute;
 left: 50%;
 top: 40px;
 margin-left: -150px;}
.top-r{ position:absolute; right: 30px; top:60px;}
.top-r a{ float: left; padding-left: 15px;}
.b-ico01{width:24px; height:24px; background:url(../images/aico01.jpg) no-repeat center; background-size:100%; display: block; }
.b-ico02{width:24px; height:24px; background: url(../images/aico02.jpg) no-repeat center; background-size:100%; display: block; }
.b-ico03{width:24px; height:24px; background: url(../images/aico03.jpg) no-repeat center; background-size:100%; display: block; }
.meau-box{display:table; margin:0 auto;}
.meau-box ul li{ float: left; font-size:14px; text-align:center;color: #333333;display:table-cell;  font-family: 'SourceHanSansCN-Normal';}
.meau-box ul li a{ padding: 20px 0px; color: #333333; display: block;}
.meau-box li + li {padding-left:46px;}
.meau-box ul li:last-child{padding-right:0;}
.meau-box ul li span{ display: block; color:#818181;}
.meau-box ul li span b{ color: #333333;}


.b-banr-box{ margin-top: 30px; margin-bottom: -30px; }
.b-banr-box img{ display: block; width:100%;}
.b-pic{position: relative; width:100%;}
.b-pic img{ width: 100%;}
.b-dot-m{ position: relative; bottom:60px;}.b-dot-m2{ position: relative; }
.b-dot{text-align:center;}
.b-dot ul{display:inline-block;}
.b-dot li{float: left; width: 14px; height: 14px;border-radius:30px; background-color:#ffffff; opacity:0.4; filter:alpha(Opacity=40);
        -moz-opacity:0.4; }
.b-dot ul li.active{background-color:#ffffff;width: 14px; height: 14px;border-radius:30px;opacity:1;}
.b-dot li+li{margin-left:30px;}


.home-gy{ position: relative; margin-bottom: -10px;}
.home-gy img{ width: 100%;}
.home-gy-text{ width: 25%; position: absolute; right: 10%; top:10%; min-width:390px;}
.span{font-size:68px; color: #4d4d4d; font-family:'didot'; padding-bottom:20px; display: block;}
.line{ width: 80px; height: 2px; background-color:#4d4d4d; display: block; margin: 30px 0px 30px 0px;}
.h-h2{font-size:34px; letter-spacing:14px; color:#4d4d4d; font-family: 'SourceHanSansCN-Medium';} 
.h-p{ font-size:18px; line-height:48px;  font-family: 'SourceHanSansCN-Normal';}
.more-c{ float: right; margin-top:20%; text-align:center; background-color:#000000; width:160px; line-height:40px; display: block; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light'; }


.home-product{ position: relative; }
.home-product img{ width: 100%;}
.span1{font-size:68px; text-align: center; color: #4d4d4d; font-family:'didot'; padding-bottom:30px; display:block;}
.line1{ width:80px; height:2px; background-color:#4d4d4d; display: block; margin:30px 0 60px 120px;  }
.h-h21{font-size:34px; letter-spacing:14px; color:#4d4d4d; text-align: center; font-family: 'SourceHanSansCN-Medium'; } 
.product-txet{position:absolute; z-index: 10; width:350px; top:25%; left: 25%; margin-left: -200px;}	
.more-d{  text-align:center; background-color:#000000; width:160px; line-height:40px; display: block;  color: #ffffff;  margin: 20px auto 0 auto;
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light'; }


.single-box{ padding:0px 0px 80px 0px;}
.single-box ul{ overflow: hidden;}
.single-box li{ width:50%; text-align: center; float:left;}
.m-w{width: 1100px; margin:0 auto;}
.single-im{ width:300px;  margin:0 auto;}
.single-h3{ color:#231815; font-size:18px;  font-family: 'SourceHanSansCN-Medium';}
.single-text{ font-size:14px; color: #333333; display: block; padding-top:0px;}
.single-span{font-size:16px; color: #333333; font-family: 'SourceHanSansCN-Medium'; display: block; padding:10px 0px; }
.single-more{ width: 100px; background-color: #000000; padding: 5px 0px; line-height:26px; color: #ffffff; display: block; 
margin: 0 auto; font-size:12px;}

.home-product1{ position:relative; }
.home-product1 img{ width: 100%;}
.span2{font-size:48px; text-align: center; color: #4d4d4d; font-family:'didot'; padding-bottom:30px; display:block;}
.sd{ display: block; text-align: center; font-size:26px; padding-top:20px; margin-bottom: 20%;}
.h-h22{font-size:34px; letter-spacing:2px; color:#4d4d4d; text-align: center; font-family: 'SourceHanSansCN-Medium'; } 
.product-txet1{position:absolute; z-index: 10; width:400px; top:25%; right: 25%; margin-right: -200px;}	
.more-d1{ width:160px; line-height:40px; display: block; margin: 0 auto; text-align:center; background-color:#000000; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light'; }


.home-Star{ position: relative; }
.home-Star img{ display: block; width: 100%;}

.span2{font-size:48px; text-align: center; color: #4d4d4d; font-family:'didot'; padding-bottom:30px; display:block;}
.sd3{ display: block; text-align: center; font-size:18px; padding-top:8%; margin-bottom:14%; line-height:38px;}
.h-h23{font-size:34px; letter-spacing:14px; color:#4d4d4d; text-align: center; font-family: 'SourceHanSansCN-Medium'; } 
.product-txet3{position:absolute; z-index: 10; width:400px; top:14%; right: 25%; margin-right: -200px;}	
.more-d1{width:160px; line-height:40px; display: block; margin: 0 auto; text-align:center; background-color:#000000; color: #ffffff; text-transform: uppercase; 
font-size:16px;font-family: 'SourceHanSerifCN-Light'; }

.home-Star1{ position: relative; background-color: #fbf0ea; min-height:640px;}
.home-Star1 img{ display: block;}
.video{ width:1100px; position: absolute; top:0; left: 50%; margin-left: -550px;min-width:800px;}
.product-txet4{position:absolute; z-index: 10; width:400px;top: 32%;left: 50%; margin-left: -200px;}	
.t-span2{font-size:48px; text-align: center; color: #ffffff; font-family:'didot'; padding-bottom:30px; display:block;}
.t-sd3{ display: block; text-align: center; font-size:18px; padding-top:8%;  line-height:38px; margin: 0 auto 14% auto; width: 60px;}
.t-h-h23{font-size:34px; letter-spacing:14px; color:#ffffff; text-align: center; font-family: 'SourceHanSansCN-Medium'; } 
.more-d2{ text-align:center; background-color:#000000;width:160px; line-height:40px; color: #ffffff; text-transform: uppercase; 
font-size:16px;font-family: 'SourceHanSerifCN-Light';  display: block; margin: 0 auto; }

.home-research{ position: relative; background-color: #fbf0ea; min-height:1000px; }
.home-research-bg{ position: absolute; right: 0; top:30%;}
.home-research-bg img{ display: block; width:320px;}
.research-txet{position:absolute; z-index: 10; width:400px; top:10%; left:50%; margin-left: -200px;}	
.research-ul{position:absolute; top:30%; width: 1100px; margin-left: -550px; left: 50%;}
.research-ul li{ background-color:#ffffff; float: left; width:29%; margin-right:6.5%;}
.research-ul li .xd{ height: 300px; display: table;}
.research-ul li p{ line-height: 30px; display: table-cell;vertical-align: middle; padding: 30px 30px; font-size:18px; line-height:40px;}
.research-ul li img{ display: block;}
.research-ul li:last-child{ margin-right:0%;}
.research-more{ text-align:center; background-color:#000000; color: #ffffff; text-transform: uppercase; 
font-size:18px;font-family: 'SourceHanSerifCN-Light';  position: absolute; bottom:0; width:160px; line-height:40px; left: 50%; margin-left: -60px;}

.home-wore{ position: relative; background-color: #fbf0ea;	}
.home-wore img{display: block; width: 100%;}
.wore-more{ text-align:center; background-color:#000000; color: #ffffff; text-transform: uppercase; 
font-size:18px;font-family: 'SourceHanSerifCN-Light';  position: absolute; bottom:10%; width:160px; line-height:40px; left: 50%;
margin-left: -60px;}

.home-hy{ position: relative; background-color:#e6e6e8; min-height: 400px; }
.home-hy-text{ width:25%; position: absolute; right:10%; top:12%; min-width:690px;left:32%;}
.hy-span{font-size:48px; color: #bd9a82; font-family:'didot'; padding-bottom:20px; display: block;margin-left:300px; margin-top: 20px;}
.hy-cy{ position:absolute; left:0%;}
.hy-h2{font-size:22px; letter-spacing:14px; color:#bd9a82; font-family: 'SourceHanSansCN-Medium'; margin-left:300px;} 
.hy-p{ font-size:16px; line-height:38px;  font-family: 'SourceHanSansCN-Normal';margin-left:300px; margin-top: 30px;}
.hy-more-c{ position: absolute; top:40%;right: 10%; text-align:center; background-color:#000000; width:160px; line-height:40px; display: block; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light'; }

.foot-box{ border-top:#d1d1d1 1px solid; margin-top:30px;}
.foot-box .uu-wi{width: 1100px; margin:30px auto; text-align: center;}
.foot-box .uu-tt{text-align: center;font-size:14px; margin-top: 20px;}
.foot-box .uu-wi ul li{ font-size:14px; float: left; text-align: center; width: 137.5px;}
.foot-box .uu-img{ padding-top:60px;}
.foot-box .uu-img a{ margin-right:20px;}
.foot-box .uu-img a img{ width:36px;}
.foot-box .uu-img a:last-child{ margin-right: 0;}
.foot-box .uu-ff{ width: 100%; background-color: #000000; height:50px; color:#ffffff; font-size: 12px;  text-align: center; line-height: 50px;}





.me-gy{ position: relative; background-color: #ffffff;min-height:400px;}
.me-gy-text{ width:1100px; position: absolute; top:20%; left:50%; margin-left:-550px;text-align: center;}
.me-span{font-size:68px; color: #bd9a82; font-family:'didot'; padding-bottom:20px; display: block; }
.me-h2{font-size:34px; letter-spacing:14px; color:#bd9a82;  font-family: 'SourceHanSansCN-Normal'; padding-bottom: 40px; font-weight: normal;} 
.me-p{ font-size:18px; line-height:48px;  font-family: 'SourceHanSansCN-Normal';letter-spacing:12px;}

.me-brand{ position:relative; }
.me-brand img{ display: block; width: 100%;}
.brand-text{position:absolute; z-index:10; width:480px; top:15%;left:5%; }	
.brand-span{font-size:48px; text-align: center; color:#ffffff; font-family:'didot'; padding-bottom:30px; display:block;}
.brand-h2{font-size:34px; letter-spacing:2px; color:#ffffff; text-align:center;  font-family: 'SourceHanSansCN-Normal';letter-spacing: 14px; font-weight: normal;  } 
.brd-line-left{ width: 80px; height: 1px; background-color: #ffffff; display: block;  float: left; margin-top: 25px; margin-left:40px; }
.brd-line-right{ width: 80px; height: 1px; background-color: #ffffff; display: block; float:right; margin-top: 25px;  margin-right:40px;}
.brand-p{ display: block; text-align: center; font-size:16px; line-height:40px; padding-top:50px; margin-bottom:20%;color:#ffffff;  }
.brand-more{ width:160px; line-height:40px; display: block; margin: 0 auto; text-align:center; background-color:#000000; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light';  margin-top: 50%;}
.brand-img{ width: 40%; position: absolute; right:5%; top:10%}

.me-Vision{ position:relative;  }
.me-Vision img{ display: block;}
.Vision-text{position:absolute; z-index: 10; width:420px; top:6%;left:50%; margin-left:-210px;}	
.Vision-span{font-size:48px; text-align: center; color:#bd9a82; font-family:'didot'; padding-bottom:30px; display:block;}
.Vision-h2{font-size:34px; letter-spacing:2px; color:#bd9a82; text-align: center;  font-family: 'SourceHanSansCN-Normal'; letter-spacing: 10px; font-weight: normal; } 
.Vision-line-left{ width: 80px; height: 1px; background-color: #bd9a82; display: block;  float: left; margin-top: 25px; margin-left: 20px; }
.Vision-line-right{ width: 80px; height: 1px; background-color: #bd9a82; display: block; float:right; margin-top: 25px;  margin-right:20px;}
.Vision-p{ display: block; text-align: center; font-size:16px; line-height:40px; padding-top:50px; margin-bottom:20%;color:#808080;  }
.Vision-more{ width:160px; line-height:40px; display: block; margin:850px auto 0 auto; text-align:center; background-color:#000000; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light';  }
.Vision-img{ width:1100px; position: absolute;  bottom:12%; left:50%; margin-left: -550px;}

.me-story{ position:relative; }
.me-story img{ display: block; width: 100%;}
.story-text{position:absolute; z-index:10; width:480px; top:6%;left:50%; margin-left:-240px; }	
.story-span{font-size:48px; text-align: center; color:#ffffff; font-family:'didot'; padding-bottom:30px; display:block;}
.story-h2{font-size:34px; letter-spacing:2px; color:#ffffff; text-align:center; font-family: 'SourceHanSansCN-Normal'; letter-spacing: 14px; font-weight: normal;  } 
.story-p{ display: block; text-align: center; font-size:16px; line-height:30px; padding-top:50px; margin-bottom:20%;color:#ffffff;  }
.story-box{ margin: 50px 0px;}
.story-more{ width:160px; line-height:40px; display: block; margin:0 auto 0 auto; text-align:center; background-color:#000000; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light';  }




.intro-title{ background-color:#e3aba2; min-height: 160px; position: relative; }	
.intro-title i{background:url(images/line1.png) center no-repeat; display: block; width:1610px; top:90px; height: 2px; margin-left: -805px;  
position: absolute; left:50% ;}
.intro-title span{font-size:48px; text-align: center; color: #ffffff; font-family:'didot'; padding-bottom:15px; display:block; padding-top:50px;}
.intro-title h2{font-family: 'SourceHanSansCN-Medium';  text-align: center; font-size: 24px; color: #ffffff; letter-spacing:8px; }
.intro-ul{ padding:60px 0px; background-color:#ffffff; overflow: hidden;}
.intro-ul li{float:left; width:33%; text-align:center; border-right:#cbcbcb 1px solid;min-height:550px;}
.intro-ul li:last-child{border-right:none;}
.intro-ul li a{padding:0px 60px; display: block;}
.intro-ul li h3{ color: #4d4d4d; font-size: 18px; letter-spacing:6px; font-family: 'SourceHanSansCN-Medium'; padding-bottom:10px;}
.intro-ul li .int-s{color: #4d4d4d; font-size: 15px;  display: block;padding-bottom:10px;  font-family: 'SourceHanSerifCN-Light';}
.intro-ul li .int-s1{color: #818181; font-size: 15px;  display: block;padding-bottom:10px;  font-family: 'SourceHanSerifCN-Light';}
.intro-ul li .int-b{color: #4d4d4d; font-size: 30px;font-family:'didot'; font-weight: normal; padding-top:30px;  display: block; padding-bottom: 20px;}
.int-more{text-align:center; background-color:#000000; width:100px; line-height:40px; display: block; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light'; margin: 0 auto; border: 0;}
.int-list{ position: relative;}
.in-left{ display: block;position:absolute; top:48%; left: 20px;}
 .in-right{display: block;position:absolute; top:48%; right: 20px;}
.in-left img,.in-right img{width:40px;}
.page-bg{ background-color: #e3e3e3; min-height:70px;}
.page{ display: table; margin:0 auto; padding: 30px 0;}
.page a{color: #333333; font-size:20px;  font-family:'didot';display:table-cell; float: left;  width: 30px; border-radius:20px; line-height:30px; margin-right: 30px;  text-align: center;  }
.page a:last-child{ margin-right: 0;}
.page a.actve{ width:30px; height: 30px; background-color: #ffffff; display: block; border-radius:20px; }



.intro-title1{ background-color:#000000; min-height: 160px; position: relative; }	
.intro-title1 i{background:url(../images/line1.png) center no-repeat; display: block; width:1610px; top:90px; height: 2px; margin-left: -805px;  
position: absolute; left:50% ;}
.intro-title1 span{font-size:48px; text-align: center; color: #ffffff; font-family:'didot'; padding-bottom:15px; display:block; padding-top:50px;}
.intro-title1 h2{font-family: 'SourceHanSansCN-Medium';  text-align: center; font-size: 24px; color: #ffffff; letter-spacing:8px; }
.intro-news{ width:1100px; margin: 0 auto; padding:50px 0px 0px 0px;min-height:1200px;}
.intro-news .new-ul{ position: relative;}
.intro-news .new-pic02{ width:800px; position: absolute; left: 50%; margin-left: -400px; z-index:777; }
.intro-news .new-pic01{width:700px; position: absolute; left:0; z-index:0; top:65px; opacity: 0.6;filter:alpha(Opacity=60);
        -moz-opacity:0.6;}
.intro-news .new-pic03{width:700px; position: absolute; right:0; z-index:0; top:65px; opacity: 0.6;filter:alpha(Opacity=60);
        -moz-opacity:0.6;}

.b-dot-m1{ position: relative; bottom:60px;}
.b-dot1{text-align:center;}
.b-dot1 ul{display:inline-block;}
.b-dot1 li{float: left; width: 14px; height: 14px;border-radius:30px; background-color:#333333; opacity:0.4; filter:alpha(Opacity=40);
        -moz-opacity:0.4; }
.b-dot1 ul li.active{background-color:#333333;width: 14px; height: 14px;border-radius:30px;opacity:1;}
.b-dot1 li+li{margin-left:30px;}





.t-skill{ position: relative;background-color: #fbf0ea; }
.t-skill img{ display: block; width: 100%; }
.skill-span{font-size:48px; text-align: center; color: #a18080; font-family:'didot'; padding-bottom:30px; display:block;}
.skill-h2{font-size:34px; letter-spacing:14px; color:#a18080; text-align: center; font-family: 'SourceHanSerifCN-Light'; font-weight: normal; } 
.skill-txet3{position:absolute; z-index: 10; width:400px; top:50%; left:50%; margin-left: -200px;}	

.home-Star2{ position: relative; background-color:#fbf0ea;min-height:610px;}
.home-Star2 img{ display: block;}
.video{ width:1100px; position: absolute; top:0; left: 50%; margin-left: -550px;min-width:1100px;}
.skill-txet4{position:absolute; z-index: 10; width:400px;top: 32%;left: 50%; margin-left: -200px;}	
.t-sd3{ display: block; text-align: center; font-size:18px; padding-top:8%;  line-height:38px; margin: 0 auto 14% auto; width: 60px;}

.skill-se{background-color: #fbf0ea; text-align: center; padding-top:60px; padding-bottom: 60px;}
.skill-p{font-size:16px; line-height:38px;  font-family: 'SourceHanSansCN-Normal';  padding-bottom: 20px;}
.skill-more{ text-align:center; background-color:#000000;width:160px; line-height:40px; color: #ffffff; text-transform: uppercase; 
font-size:16px;font-family: 'SourceHanSerifCN-Light'; display: block; margin: 0 auto; }

.t-skillb{ position: relative;background-color: #fbf0ea; }
.t-skillb img{ display: block; width:1100px; margin:0 auto; }
.skill-spanb{font-size:48px; text-align: center; color: #ffffff; font-family:'didot'; padding-bottom:30px; display:block;}
.skill-h2b{font-size:34px; letter-spacing:14px; color:#ffffff; text-align: center; font-family: 'SourceHanSansCN-Medium'; } 
.skill-txet5{position:absolute; z-index: 10; width:400px; top:65%; left:50%; margin-left: -200px;}


.super-bg{  background-size: 100%;} 
.super-bg .super-box{  margin:0 auto;  } 
.super-bg .super-bo{ padding-bottom:10%;  position: relative;}	
.super-bg .super-bo li{ position: relative;}
.super-bg .super-bo li img{ display: block; margin: 0 auto;}
.super-x{ position: absolute; right:5%; top:20%; width:38%; text-align: center;}
.super-y{ position: absolute; left:10%; top:20%; width:40%; text-align: center;}
.super-z{ position: absolute; right:2%; top:20%; width:44%; text-align: center;}
.s-e01{ font-size: 22px; padding-bottom: 10px;color: #4d4d4d;   font-family:'didot1'; }
.s-e02{font-size: 28px;font-family: 'SourceHanSansCN-Medium'; letter-spacing:8px; padding-bottom:15px; color: #4d4d4d;}
.s-e03{font-size:24px;letter-spacing:10px; padding-bottom: 20px; border-bottom: #bfbfbf 2px solid; color: #818181;
 width: 80%; margin: 0 auto;font-family: 'SourceHanSerifCN-Light'; }
.s-e04{font-size:24px;  color: #333333; font-family:'didot'; display: block; font-weight: normal; padding-top: 20px;}
.s-e05{font-size:16px; padding-bottom:10px; display: block; padding-top: 10px;}
.s-emore{width:120px; line-height:40px; display: block; margin:30px auto 0 auto; text-align:center; background-color:#ac8980; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light'; }	


.n-one{ position: relative; margin-bottom: -10px; background-color:#f1e9e7; min-height:500px; padding: 50px 0px;}
.n-f-k{ width: 88%; margin:0 auto; }
.tit01{top:20%;}
.tit02{top:35%;}
.tit03{top:30%;}
.tit04{top:10%;}
.n-f-tit{ width:1000px; position: absolute; left: 50%; margin-left: -500px; text-align: center;}
.n-f-span{font-size:68px; color:#a18080; font-family:'didot'; padding-bottom:20px; display: block;}
.n-f-line{ display: block; position: absolute; top:55%;}
.n-f-h2{font-size:34px; letter-spacing:14px; color:#a18080;font-family: 'SourceHanSerifCN-Light'; font-weight: normal;} 
.p1{top:38%;color: #a18080; }
.p2{top:15%;color: #ffffff;}
.p3{top:45%;color: #a18080; }
.p4{top:60%;color: #a18080; }
.p5{top:38%;color: #a18080; }
.n-f-p{ width:100%;position:absolute; text-align:center;font-size:16px; line-height:40px;  
font-family: 'SourceHanSansCN-Normal'; 
}
.n-f-more{ position: absolute;  text-align:center; background-color:#000000; width:160px; line-height:40px; display: block; color: #ffffff; 
text-transform: uppercase; font-size:16px;font-family: 'SourceHanSerifCN-Light';left:50%; margin-left:-80px; bottom:20%; }
.n-two{ position: relative;  background-color:#f1e9e7;padding:50px 0px; height:150px;}
.n-three{ position: relative;height:560px; background: url(../images/n-bg.png);}
.n-dis-c{ height:220px; width:100%; position: absolute;  bottom:10%; z-index: 1; background: rgba(161, 128, 128, 0.2); }
.n-dis-ul{ padding: 60px 6%;  }
.n-dis-ul li{ /*width:15.83%;*/ float: left; margin-right:1%;}
.n-dis-ul li:last-child{ margin-right: 0;}
.mr-top{ bottom: -40px; }

.n-four{ position: relative;  background-color:#f1e9e7;padding:50px 0px; height:380px;}

.n-thr{ background:url(../images/n-bg.png); }
.n-thr .n-de{ width:88%; margin:0 auto;  position: relative; top:-100px; }
.n-five{ position: relative;  background-color:#f1e9e7;padding:50px 0px; height:260px;}
.n-pic-box{ background:url(../images/n-bg.png); overflow: hidden; }
.n-pic-box .n-gg{margin:50px 0px;overflow: hidden;}
.n-pic-box img{ width:20%;  display: block; float: left; }

.n-six{ position: relative; margin-bottom: -10px; background-color:#f1e9e7; min-height:500px; padding: 50px 0px;}
.n-four-k{ width: 88%; margin:0 auto; padding-top:200px; }

.n-four-img{ width:1000px; position: absolute; bottom:15%; left:50%; margin-left: -500px;}
.n-four-img a{ display: block; float: left;}



.ff-bread{ background-color: #f2f2f2; height: 40px; line-height: 40px; margin-top: 30px;}
.ff-bread .ff-w{ width: 1100px;  margin: 0 auto;}
.ff-bread .ff-w a{ color: #8e8e8e; font-size:14px; letter-spacing:2px;}
.ff-bread .ff-w a.actve{ color: #000000;}
.ff-details{ margin: 50px auto; width:1120px; position: relative; min-height:550px;}
.ff-details .ff-d-le{ width: 80px; height:80px; border: #d0d0d0 1px solid; position: absolute; left: 0;}
.ff-details .ff-d-cent{ width:550px;height:550px;border: #d0d0d0 1px solid;position: absolute; left: 120px;}
.ff-details .ff-d-ri{position: absolute; right: 0; width: 400px; }
.ff-details .ff-d-ri .d-h2{ font-size: 24px; border-bottom:#e2e2e2 2px solid; color: #3f3f3f; padding-bottom: 20px;}
.ff-details .ff-d-ri .d-p{ font-size: 16px; color: #6b6b6b; padding-top:10px; display: block;}
.ff-details .ff-d-ri .d-co{ padding: 20px 0;}
.ff-details .ff-d-ri .d-co span{ display: block; padding-bottom: 10px; color: #000000;}
.ff-details .ff-d-ri .d-co span i img{ width:34px; margin-right: 10px;}
.ff-details .ff-d-ri .d-co1{ border: #d0d0d0 1px solid; height: 40px; line-height:40px; overflow: hidden;}
.ff-details .ff-d-ri .d-co1 a{ background: url(../images/n-bot.png) no-repeat right; width:380px; display: block; padding-right: 10px;}
.ff-details .ff-d-ri .d-co1 i{ display: block; float: left;}
.ff-details .ff-d-ri .d-co1 i img{ width: 26px; padding-top:8px; padding-left: 10px; padding-right: 20px;}
.ff-details .ff-d-ri .d-cd{ color: #6b6b6b; font-size: 14px; padding-top:10px; display: block;}
.ff-details .ff-d-ri .d-jg{ padding:60px 0px 0px 0px;}
.ff-details .ff-d-ri .d-jg span{color: #000000; font-size:28px; display: block; float: left; padding-top: 15px;font-weight: bold;}
.ff-details .ff-d-ri .d-jg a{ width: 160px; height: 50px; line-height: 50px; background-color: #000000; color: #ffffff; text-align: center; display: block; float: right; }

.ff-dett-cx{ width: 100%;}
.ff-dett-cx img{ display: block; width: 100%;}
.ff-dett-cd{ width: 100%;}
.ff-dett-cd img{ display: block; margin: 0 auto;}




.ff-hy-one{ width: 100%; position: relative; min-height: 500px; margin-top: 30px;}
.ff-hy-one img{ display: block; width: 100%;}
.ff-hy-one .one-tit{ position: absolute; width:1100px; text-align:center; top:10%;left:50%; margin-left: -550px;}
.ff-hy-one .one-tit h2{ color: #333333; font-size:50px;  }
.ff-hy-one .one-tit p{ padding-top: 10px;font-size:24px; padding-bottom:20px;font-family: 'SourceHanSerifCN-Light'; }
.ff-hy-one .one-tit span{ display: block; width: 100px; height: 2px; background-color: #000000; margin:0 auto; }
.ff-hy-one .one-box{ background-color: #ffffff; position: absolute; width:980px; left:50%; margin-left: -550px;top:30%; height:320px; z-index:10; padding:60px;}
.ff-hy-one .one-bg{ background-color: #f6b6c1; opacity: 0.9; position: absolute; top:40%; height: 400px; left:50%; margin-left:-570px;width: 1140px; z-index:9;}

.ff-hy-one .two-le{ float: left; width:410px;}
.ff-hy-one .two-le .two-tc{ overflow: hidden; }
.ff-hy-one .two-le .two-tit{ color: #000000; font-size:22px; font-weight:900; float: left;}
.ff-hy-one .two-le .two-tit1{ color: #000000; font-size:22px; font-weight:900; float: right;}
.ff-hy-one .two-le .active{ text-decoration: underline;}
.ff-hy-one .two-le ul{ padding: 20px 0px 0px 0px; margin-top:30px;}
.ff-hy-one .two-le li{ padding-bottom:30px; position: relative; width:410px; height: 40px;}
.ff-hy-one .two-le li input{ border: #dcdcdc 1px solid; line-height: 40px; padding-left: 10px; color: #a4a4a4; }
  	
.ff-hy-one .two-le02{ float: left; width:410px;}
.ff-hy-one .two-le02 .two-tc{ overflow: hidden; }
.ff-hy-one .two-le02 .two-tit{ color: #000000; font-size:22px; font-weight:900; float: left;}
.ff-hy-one .two-le02 .two-tit1{ color: #000000; font-size:22px; font-weight:900; float: right;}
.ff-hy-one .two-le02 .active{ text-decoration: underline;}
.ff-hy-one .two-le02 ul{ padding: 20px 0px 0px 0px; margin-top:30px;}
.ff-hy-one .two-le02 li{ padding-bottom:30px; position: relative; width:310px; height: 40px; }
.ff-hy-one .two-le02 li input{ border: #dcdcdc 1px solid; line-height: 40px; padding-left: 10px; color: #a4a4a4; }

.ff-hy-one .two-le03{ float: left; width:1000px;}

.ff-hy-one .two-le03 ul{ padding: 20px 0px 0px 0px; margin-top:30px; overflow: hidden;}
.ff-hy-one .two-le03 li{ padding-bottom:30px; position: relative; width:410px; height: 40px;float: left; margin-right:80px;}
.ff-hy-one .two-le03 li input{ border: #dcdcdc 1px solid; line-height: 40px; padding-left: 10px; color: #a4a4a4; }

.ff-hy-one .two-in01{ width:400px;}
.ff-hy-one .two-in02{ width:240px;position: absolute; top:0; left: 0px;}
.ff-hy-one .two-in03{ width: 300px;position: absolute; top:0; left: 0px;}
.ff-hy-one .two-se{ width: 80px; position: absolute; top:0; left: 260px; border: #dcdcdc 1px solid; height: 40px;}
.ff-hy-one .two-sf{ line-height: 20px; display: block;position: absolute; top:0; right:0; font-size:16px; color: #000000;}
.ff-hy-one .two-ass{ width:90px;position: absolute; right:0; background-color: #000000; color: #ffffff; height: 40px; line-height: 40px; text-align: center;}
.ff-hy-one .two-btn{ width:410px; line-height: 40px; background-color: #000000; text-align: center; color: #ffffff; display: block;font-size: 18px;}
.ff-hy-one .two-cv{ padding: 10px 0px;}
.ff-hy-one .two-cv span{ font-size: 14px; display: block; float: left; color: #000000; padding-right: 10px;}
.ff-hy-one .two-cv a{ display: block;float: left; width:20px; padding-right:2px; }
.ff-hy-one .two-ri{ float: right; width:400px; padding-top: 40px;  color: #000000;  }
.ff-hy-one .two-ri h3{ padding-bottom: 10px;}
.ff-hy-one .two-btn1{ width:410px; line-height: 40px;  text-align: center; color: #000000; display: block; border: #000000 1px solid; margin-top: 40px; font-size: 18px;font-family: 'SourceHanSerifCN-Light'; }


.hy-last{ position: relative; min-height: 800px; }
.hy-last .cimg{ display: block; padding-top:30%; width: 100%;}
.last-box{position:absolute; z-index: 10; width:1100px; top:10%; left: 50%; margin-left: -550px;}	
.last-span{font-size:48px; text-align: center; color: #a18080; font-family:'didot'; padding-bottom:30px; display:block;}
.last-sd3{ display: block; text-align: center; font-size:18px; padding-top:4%; margin-bottom:6%; line-height:38px;}
.last-h2{font-size:34px; letter-spacing:14px; color: #a18080; text-align: center;  font-family: 'SourceHanSerifCN-Light'; font-weight: normal; } 
.last-xx{ width: 1100px; overflow: hidden; margin: 40px 0px;}
.last-xx li{ float: left; width:30%; margin-right:3%;}
.last-xx li:last-child{ margin-right: 0px;}
.last-more{width:160px; line-height:40px; display: block; margin: 0 auto; text-align:center; background-color:#000000; color: #ffffff; text-transform: uppercase; 
font-size:16px; font-family: 'SourceHanSerifCN-Light';}	

.b-dot-x{ position: relative; bottom:10px;}
.b-dotx{text-align:center;}
.b-dotx ul{display:inline-block;}
.b-dotx li{float: left; width:50px; border-right: none; }
.b-dotx li+li{margin-left:20px;}